﻿/*
	frame
*/
body
{
	background: #ffffff url("ImageShopOnline/bg.gif") left top repeat;
	cursor: url('../image/mouse.cur' );
}
#bgHeader
{
	background: #ffffff url("ImageShopOnline/bgHeader.gif") left top repeat;
	height:20px;
	display:block;
	overflow:hidden;
}
#bgFooter
{
	background: #ffffff url("ImageShopOnline/bgFooter.gif") -9% 0 repeat-x;	
	height:150px;
	display:block;
	overflow:hidden;
}
#portalMainbox
{
}
#portalMainbox table tr td
{
	vertical-align:top;
}
#portalMainboxLeft
{	
	background: url("ImageShopOnline/bgLef.gif") 0 10% repeat-y;
	width:25%;
	height:450px;
	vertical-align:top;		
}
#logo
{
	background: url("ImageShopOnline/logo.gif") left top no-repeat;
	display:block;
	width:210px;
	height:169px;
}
#portalMainboxRight
{
	width:75%;
	vertical-align:top;
}
/*
	menu
*/
#shopOnlineMenu
{
	font-size: 93%;
	width: 100%;
	line-height: normal;
	margin-bottom: 20px;
	padding-top:20px;
	padding-bottom:15px;
	background: url("ImageShopOnline/navLine.gif") left bottom no-repeat;	
}
#shopOnlineMenu ul
{
	padding-right: 10px;
	padding-left: 21px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	/*
		fix FF 下父容器的高度不能自适应
	*/
	overflow:hidden;
}
#shopOnlineMenu li
{
	display: inline;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
#shopOnlineMenu a
{
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	margin: 0px;
	background: url(ImageShopOnline/heart.gif) no-repeat left 50%;
	text-decoration: none;
}
#shopOnlineMenu a span
{
	padding-right: 15px;
	display: block;
	padding-left: 6px;
	float: left;
	padding-bottom: 4px;
	color: #a42121;
	padding-top: 5px;
}
#shopOnlineMenu a span
{
	float: none;
}
#shopOnlineMenu a:hover span
{
	color: #a42121;
}
#shopOnlineMenu a:hover
{
	background-position: 0% -42px;
	background: url(ImageShopOnline/heartBig.gif) no-repeat left 50%;
}
#shopOnlineMenu a:hover span
{
	background-position: 100% -42px;
}
#shopOnlineMenu .hyperLinkSelect
{
	background-position: 0% -42px;
	background: url(ImageShopOnline/heart.gif) no-repeat left 50%;
}
#shopOnlineMenu .spanSelect
{
	text-decoration: underline;	
	color: #a42121;
}
/*
	demo shopRoundTL 
*/
.shopRoundTL
{
	/*		
		|-
		|	  
	*/
	background: url("ImageShopOnline/switched_left.gif") 0 0 no-repeat;	
	display: block;
	padding-bottom:-9px;	
	overflow:hidden;
}
.shopRoundTR
{
	/*	
	   -------|
		      |		
	*/
	background: url("ImageShopOnline/switched_right.gif") 100% 0 no-repeat;
	margin-left:9px;
	padding:5px 0px;
	overflow:hidden;	
}
.shopRoundBR
{
	/*		
		      |
	   -------|		      		
	*/	
	background: url("ImageShopOnline/switched_right.gif") 100% 100% no-repeat;
	margin-left:9px;
	display:block;	
	overflow:hidden;
	padding:5px 0px;
}
.shopRoundBL
{
	/*	
		|
		|-
	*/
	background: url("ImageShopOnline/switched_left.gif") 0 100% no-repeat;
	display: block;
	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#d6d496;
}
.shopRoundTL p
{	
	margin:0px;
	padding:0px;
}
/*--------------------------------------------------

	sweet

--------------------------------------------------*/
.sweetTL
{
	background: url("ImageShopOnline/sweetLeft.gif") 0 0 no-repeat;	
	padding-bottom:-9px;
}
.sweetTR
{
	background: url("ImageShopOnline/sweetRight.gif") 100% 0 no-repeat;
	margin-left:9px;
	padding:5px 0px;		
}
.sweetBR
{
	background: url("ImageShopOnline/sweetRight.gif") 100% 100% no-repeat;
	margin-left:9px;
	display:block;	
	padding:5px 0px;
}
.sweetBL
{
	background: url("ImageShopOnline/sweetLeft.gif") 0 100% no-repeat;
	display: block;
	border-top-width:0px;
	border-top-style:solid;
	border-top-color:#ffdbdb;
}
.sweet p
{	
	margin:0px;
	padding:0px;
}
.sweet
{
	padding:10px;
	border-width:0px  2px 0px 2px;	
	border-style:solid;
	border-color:#ffdbdb;
	background-color:#ffffff;
}
.sweetHide
{
	height:0px;
	overflow:hidden;
}
/*--------------------------------------------------

	sweetSubject

--------------------------------------------------*/
.sweetSubjectTL
{
	background: url("ImageShopOnline/sweetSubjectLeft.gif") 0 0 no-repeat;	
	padding-bottom:-9px;
}
.sweetSubjectTR
{
	background: url("ImageShopOnline/sweetSubjectRight.gif") 100% 0 no-repeat;
	margin-left:9px;
	padding:15px 30px 15px 10px;
	text-align:right;
}
.sweetSubjectBR
{	
	background: url("ImageShopOnline/sweetSubjectRight.gif") 100% 100% no-repeat;
	margin-left:9px;
	display:block;	
	padding:5px 0px;
}
.sweetSubjectBL
{
	background: url("ImageShopOnline/sweetSubjectLeft.gif") 0 100% no-repeat;
	display: block;
	border-top-width:0px;
	border-top-style:solid;
	border-top-color:#ffdbdb;
}
.sweetSubject p
{	
	margin:0px;
	padding:0px;
}
.sweetSubject
{
	padding:10px;
	border-width:0px 2px 0px 2px;	
	border-style:solid;
	border-color:#ffdbdb;
	background-color:#ffffff;
}
.sweetSubjectHide
{
	height:0px;
	overflow:hidden;
}
.sweetSubjectTR span
{
	padding-left:10px;
	color:#333;
	background: url("ImageShopOnline/pt02.gif") left 50% no-repeat;
}
.sweetSubjectTR span .subNav, .sweetSubjectTR span .subNav:visited
{
	color:#333;
	text-decoration: none;
}
.sweetSubjectTR span .subNav:active, .sweetSubjectTR span .subNav:hover
{
	color:#a42121;
	text-decoration: underline;
}
.sweetSubject .groupSubject
{
	width:100%;
	height:40px;
	display:block;	
	margin:0px 0px 20px 0px;
	border-width:0px 0px 3px 0px;	
	border-style:dashed;
	border-color:#ffdbdb;
	background: url("ImageShopOnline/detail.gif") 5% 60% no-repeat;
}
.goTop
{
	background: url("ImageShopOnline/gotop.gif") 100% top no-repeat;
	float:right;
	margin-right:10px;	
	display:block;
	margin-top:13px;
	padding-top:2px;
	width:70px;
	cursor:hand;
}
.goTop a
{
	color:#555;
}

.sweetSubject .qa
{
	background: url("ImageShopOnline/qa.gif") 5% 60% no-repeat;
}
.productInfo
{
	color:#555;
	padding:0px 10px;
}
.productInfo div
{
	width:350px;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:10px;
	border-width:0px 0px 1px 0px;	
	border-style:dashed;
	border-color:#ccc;
}
.productInfo img
{
	border-width:0px;
}
/*--------------------------------------------------

	sweet02

--------------------------------------------------*/
.sweet02TL
{
	background: url("ImageShopOnline/sweet02Left.gif") 0 0 no-repeat;	
	padding-bottom:-15px;	
}
.sweet02TR
{
	background: url("ImageShopOnline/sweet02Right.gif") 100% 0 no-repeat;
	margin-left:15px;
	padding:15px 30px 15px 10px;
	text-align:right;
}
.sweet02BR
{	
	background: url("ImageShopOnline/sweet02Right.gif") 100% 100% no-repeat;
	margin-left:15px;
	display:block;	
	padding:0px 0px;
}
.sweet02BL
{
	background: url("ImageShopOnline/sweet02Left.gif") 0 100% no-repeat;
	display: block;
	border-top-width:0px;
	border-top-style:solid;
	border-top-color:#ffdbdb;
}
.sweetSubject p
{	
	margin:0px;
	padding:0px;
}
.sweetSubject
{
	padding:10px;
	border-width:0px 2px 0px 2px;	
	border-style:solid;
	border-color:#ffdbdb;
	background-color:#ffffff;
}
.sweetSubjectHide
{
	height:0px;
	overflow:hidden;
}
.sweetSubjectTR span
{
	padding-left:10px;
	background: url("ImageShopOnline/pt02.gif") left 50% no-repeat;
}
.sweetSubjectTR span .subNav, .sweetSubjectTR span .subNav:visited
{
	color:#000;
	text-decoration: none;
}
.sweetSubjectTR span .subNav:active, .sweetSubjectTR span .subNav:hover
{
	color:#a42121;
	text-decoration: underline;
}
.sweetSubject .groupSubject
{
	width:100%;
	height:40px;
	display:block;	
	margin:0px 0px 20px 0px;
	border-width:0px 0px 3px 0px;	
	border-style:dashed;
	border-color:#ffdbdb;
	background: url("ImageShopOnline/detail.gif") 5% 60% no-repeat;
}
.goTop
{
	background: url("ImageShopOnline/gotop.gif") 100% top no-repeat;
	float:right;
	margin-right:10px;	
	display:block;
	margin-top:13px;
	padding-top:2px;
	width:70px;
	cursor:hand;
}
.goTop a:link, .goTop a:visited
{
	color:#555;
}

.sweetSubject .qa
{
	background: url("ImageShopOnline/qa.gif") 5% 60% no-repeat;
}
/*--------------------------------------------------

	product view page ListPrice style

--------------------------------------------------*/
.viewPrice
{
	color:#ff6666;
	font-size:120%;
}
/*--------------------------------------------------

	product list page ListPrice style

--------------------------------------------------*/
.listPrice
{
	color:#fa4e5f;
}
/*--------------------------------------------------

	portalFeedbackList

--------------------------------------------------*/
.portalFeedbackList
{
	display: inline-block;
	padding-bottom: 40px;
	padding-left: 30px;
	line-height: 160%;
}
.portalFeedbackList img
{
	width: 48px;
	height: 48px;
	padding-right: 8px;
	float: left;
}
.portalFeedbackList .userInfo
{
	border-bottom-color: #ddd;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	margin-bottom: 20px;
}
.portalFeedbackList .commandArea
{
	float: right;
}
.portalFeedbackList a
{
	color: #0033FF;
	font-size: 100%;
}


#feedbackAdd
{
	color:#555;
	padding:5px;
	margin-top:15px;
	text-align:left;
}
.feedbackAddLoginName
{
	border-width:1px;
	border-color:#ddd;
	border-style:solid;	
}
.feedbackAddPassword
{
	border-width:1px;
	border-color:#ddd;
	border-style:solid;	
}
.feedbackAddValidateCode
{
	border-width:1px;
	border-color:#ddd;
	border-style:solid;	
}
.feedbackAddSubject
{
	border-width:1px;
	border-color:#ddd;
	border-style:solid;
}
.feedbackAddContent
{
	border-width:1px;
	border-color:#ddd;
	border-style:solid;
}
.feedbackAddSubmit
{
	margin-top:5px;
}
.feedbackAnonym
{
}
/*--------------------------------------------------

	productSmallList

--------------------------------------------------*/
#productSmallList
{
	padding-top:20px;
	padding-left:35px;
	width:180px;
}
#productSmallList span
{
	font-size:120%;
	font-weight:bold;
	color:#bb3d39;
}
#productSmallList p
{	
	padding:13px 0px 0px 30px;
	margin:0px;	
	display:block;
	height:30px;
	width:100%;
	background: url("ImageShopOnline/listSubject.gif") 0 0 no-repeat;
}
/*--------------------------------------------------

	productSmallList

--------------------------------------------------*/
#bbs
{
	padding-top:20px;
	padding-left:35px;
	width:180px;	
}
#bbs .bbsSubject
{
	text-align:left;
	margin-left:-10px;
	margin-right:-10px;
	padding-bottom:10px;
	color:#a42121;
	font-size:100%;
	font-weight:bold;
	background: url("ImageShopOnline/bbsLine.gif") left bottom repeat-x;
}
#bbs .bbsContent
{
	color:#b84d4d;
	padding-right:10px;
	padding-bottom:20px;	
	display:block;	
}
/*--------------------------------------------------

	taobao img

--------------------------------------------------*/
#taobao
{
	margin-top:20px;
	margin-bottom:20px;	
	display:block;
	width:100%;
	height:30px;
	background: url("ImageShopOnline/btnBuy.gif") 50% top no-repeat;
}



